<!doctype html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Extracteur de données</title>
        <link type="text/css" rel="stylesheet" href="../css/bootstrap.css">
        <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="../js/bootstrap.js"></script>
    </head>
    <body>
        <form id="form" class="well" action="savior.php" method="post">
            <p>
                <input type="url" name="url" id="url">
                <button type="button" class="btn btn-primary" id="btn-go">Afficher</button><br>
                
                <textarea id="content" name="content" rows="10" cols="100">
                    <p><span id="ctl00_ctl00_BodyPlaceHolder_ContentPlaceHolderInterne_lblResult"><small>(00147)</small><br><b>LE MILLE PATTES </b><br>19 RUE DRUETTE <br>22400 LAMBALLE<br>Tél. : 0296312232<br>Email : <a title="" data-original-title="" href="mailto:jean-francois.hamon2@wanadoo.fr">jean-francois.hamon2@wanadoo.fr</a><br>Internet : <a title="" data-original-title="" href="http://http://">http://</a><br><br><br><br><b>Coût moyen de l'adhésion</b><br>27<br><br><b>L'adhésion comprend</b><br>La cotisation au club<br>La licence de la FFRandonnée<br>En responsabilité civile<br><br><b>Propose des tarifs spécifiques pour :</b><br>Les couples<br><br><b>Coût des sorties à la journée (hors transport)</b><br>Gratuit<br><br><b>Type d'activités proposées par le club</b><br>Facile<br>Thématique (culture, patrimoine, environnement...)<br><br><b>Type de public</b><br>Tous publics indifféremment<br><br><b>Jour(s) de sortie</b><br>Mercredi<br>Dimanche<br><br><b>Nombre de sorties par mois</b><br>5<br><br><b>Durée de vos sorties</b><br>Une demi-journée<br>Une journée<br><br><b>Lieux principaux des sorties</b><br>Plaine<br>Littoral<br><br><b>Transports possibles ou nécessaires pour se rendre aux départs de randonnée</b><br>Voiture personnelle<br>Co-voiturage<br><br><b>L'association recrute de nouveaux adhérents</b><br>Oui<br></span></p>
                </textarea>
            </p>
            <button type="submit" class="btn btn-info" id="submit">Traiter les informations</button>
            <div style="float: right; width: 40%; height: auto; margin-top: -272px">
                <p><span id="ctl00_ctl00_BodyPlaceHolder_ContentPlaceHolderInterne_lblResult"><small>(00147)</small><br><b>LE MILLE PATTES </b><br>19 RUE DRUETTE <br>22400 LAMBALLE<br>Tél. : 0296312232<br>Email : <a title="" data-original-title="" href="mailto:jean-francois.hamon2@wanadoo.fr">jean-francois.hamon2@wanadoo.fr</a><br>Internet : <a title="" data-original-title="" href="http://http://">http://</a><br><br><br><br><b>Coût moyen de l'adhésion</b><br>27<br><br><b>L'adhésion comprend</b><br>La cotisation au club<br>La licence de la FFRandonnée<br>En responsabilité civile<br><br><b>Propose des tarifs spécifiques pour :</b><br>Les couples<br><br><b>Coût des sorties à la journée (hors transport)</b><br>Gratuit<br><br><b>Type d'activités proposées par le club</b><br>Facile<br>Thématique (culture, patrimoine, environnement...)<br><br><b>Type de public</b><br>Tous publics indifféremment<br><br><b>Jour(s) de sortie</b><br>Mercredi<br>Dimanche<br><br><b>Nombre de sorties par mois</b><br>5<br><br><b>Durée de vos sorties</b><br>Une demi-journée<br>Une journée<br><br><b>Lieux principaux des sorties</b><br>Plaine<br>Littoral<br><br><b>Transports possibles ou nécessaires pour se rendre aux départs de randonnée</b><br>Voiture personnelle<br>Co-voiturage<br><br><b>L'association recrute de nouveaux adhérents</b><br>Oui<br></span></p>
            </div>
        </form>
        <div id="result">
            Nom : <span id="nom"></span><br>
            Prénom : <span id="prenom"></span><br>
            Adresse : <span id="adresse"></span><br>
            Code Postal : <span id="codepostal"></span><br>
            Email : <span id="email"></span><br>
            Internet : <span id="internet"></span><br>
            Telephone : <span id="tel"></span><br>
        </div>
        
        <script type="text/javascript">
            $(function(){
                $('#submit').click(function(e){
                    e.preventDefault();
                    var content = $('#content').text();
                    var $content = $(content);
                    var $link = $content.find('a');
                    // Email et Site Web
                    $link.each(function(){
                        var email = findEmail($(this));
                        if(!email){
                            //alert("Ce n'est pas une adresse email");
                            var url = $(this).attr('href');
                            var domaine=url.substring(7);
                            $('#internet').text(domaine);
                        }else{
                            //alert("C'est un email : " + email);
                            $('#email').text(email);
                        }
                    });
                    findPhone($content);
                    findName($content);
                });
            });
            
            /**
             * Récupérer l'email
             * @param {type} $object
             * @returns {Boolean}
             */
            function findEmail($object){
                var href = $object.attr('href');
                var indexOf = href.indexOf('mailto:');
                if(indexOf < 0){
                    return false;
                }else{
                    return href.substring(7);
                }
            }
            
            function findPhone($object){
                var text = $object.text();
                var indexOf = text.indexOf('Tél. : ');
                if(indexOf > 0){
                    //alert('Trouvé à la position : ' + indexOf);
                    var continuer = true;
                    var i = indexOf + 7;
                    var tel = '';
                    while(continuer){
                        var nb = text.charAt(i++);
                        if(isNaN(nb)){
                            //alert(nb);
                            continuer = false;
                        }else{
                            tel += nb;
                        }
                    }
                    $('#tel').text(tel);
                }else{
                    alert('Tel Introuvable');
                }
            }
            
            function findName($object){
                var text = $object.text();
                alert(text);
            }
        </script>
    </body>
</html>